@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
    :root {
        --foreground-rgb: 255, 255, 255;
        --background-start-rgb: 0, 0, 0;
        --background-end-rgb: 0, 0, 0;
    }
}


:focus {
    outline: none;
}



body {
    font-family: "-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif";
    padding-top: env(safe-area-inset-top); /* 顶部安全区域 */
    padding-right: env(safe-area-inset-right); /* 右侧安全区域 */
    padding-bottom: env(safe-area-inset-bottom); /* 底部安全区域 */
    padding-left: env(safe-area-inset-left); /* 左侧安全区域 */
    -webkit-overflow-scrolling: auto !important;
 
}

@layer utilities {
    .text-balance {
        text-wrap: balance;
    }
}